<script src="js/Reportes.js"></script>
<script src="js/compra/ordencompra.js"></script>

<table width='100%' border='0' cellspacing='0' cellpadding='0'>
    <tr>
        <td style="vertical-align: bottom;" colspan="3"><br/>
            <div id='divTitulo'>&nbsp;&nbsp; Generaci&#243;n de Ordenes de Compra</div>
        </td>
    </tr>
    <tr><td  style=" vertical-align: top;" colspan="3"><hr></td></tr>
    <tr>
        <td colspan="3">
            <center>
                <table style="width: 90%;" border="0">
                    <tr>
                        <td align="center">
                            <table id="FiltroTabla" cellspacing="5" cellpadding="5">
                                <tr>
                                    <td align="center">
                                        <div id="rbTipo">
                                            <input type="radio" id='rbtnManul' name='rbTipo' value="0" ><label for='rbtnManul'>Manual</label> 
                                            <input type="radio" id='rbtnAutomatico' name="rbTipo" value="1" checked="checked" ><label for='rbtnAutomatico'>Automatico</label>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </td>
                        <td><hr style="height: 30px; border:1px solid;"></td>
                        <td>
                            <table border="0" id="FiltroTabla" cellspacing="4" cellpadding="4">
                                <tr>
                                    <td> Producto :</td>
                                    <td>
                                        <input type="text" id="txtNombreProd" size="40"/>
                                        <input type="hidden" id="hidProd"/>
                                        &nbsp;
                                        <button id="btnAdd"><a class="ui-icon ui-icon-circle-plus"></a></button>
                                    </td>
                                    <td> Almacen :</td>
                                    <td>
                                        <select id="lstAlm"></select>
                                    </td>
                                    <td>
                                        <button id="btnVPrevia">Vista Previa</button>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </center>
        </td>
    </tr>
    <tr>
        <td align="center" style="width: 70%;vertical-align: top;"><br/>
            <table id='TablaCabezera' style='width:90%;' cellspacing='0' cellpadding='0'>
                <tr><td colspan='4' class='ui-jqgrif-titlebar ui-widget-header ui-corner-top ui-helper-clearfix'> Orden de Compra </td></tr>
                <tr class='ui-state-default ui-th-column ui-th-ltr'>
                    <td style='width:54px;' align='center'> Item </td>
                    <td style='width:389px;'> Producto </td>
                    <td style='width:110px;'> Cantidad </td>
                    <td style=''> Proveedor </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <div id="lstOrdenCompra" style="overflow-y: scroll;height: 200px;margin-top: 0px; border: 1px solid;">
                        </div>
                    </td>
                </tr>
            </table>
            <div id="totalProductos" class="textos"></div>
        </td>
        <td ><hr style="height: 140px; border: 1px solid;"></td>
        <td align='center' style="width: 40%;"><br/>
            <table border='0' class='tablaBorder' style="width: 80%;height: 248px;vertical-align: top;" cellspacing='4' cellpadding='4' >
                <tr>
                    <td style="height:10%;"> Codigo :</td>
                    <td>
                        <input type="text" id='txtCodigoOrdenCompra' disabled="disabled"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"><hr></td>
                </tr>
                <tr>
                    <td style="height: 10%;"> Responsable :</td>
                    <td>
                        <input type="text" value="<?Php echo  $_SESSION[Constantes::K_SESSION_NOMBRE_USUARIO]; ?>" disabled="disabled" />
<!--                        <input type="text" value="" />-->
                    </td>
                </tr>
                <tr>
                    <td style="height:10%;"> Fecha :</td>
                    <td> <input type="text" id='txtFechaEmision'/></td>
                </tr>
                <tr>
                    <td colspan="2"><hr></td>
                </tr>
                <tr>
                    <td colspan='2' style=" height: 15%;" align='center'>
                        <button id="btnGenerar">Generar Orden de Compra</button>
                    </td>
                </tr>  
                <tr>
                    <td colspan="2" align="center" style=" height: 30%;">
                        <div id='aviso'></div>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>